<script setup lang="ts">
import { reactive } from "vue";

const formLabelAlign = reactive({
  name: "",
  region: "",
  type: "",
});
</script>

<template>
  <el-row :gutter="10" justify="center" :sm="24" :md="22" :lg="24" :xl="24"
    ><el-col :sm="24" :md="12" :lg="12" :xl="12">
      <el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>设备网络</span>
          </div>
        </template>
        <el-form
          label-width="100px"
          :model="formLabelAlign"
          style="max-width: 460px"
        >
          <el-form-item label="Name">
            <el-input v-model="formLabelAlign.name" />
          </el-form-item>
          <el-form-item label="Activity zone">
            <el-input v-model="formLabelAlign.region" />
          </el-form-item>
          <el-form-item label="Activity form">
            <el-input v-model="formLabelAlign.type" />
          </el-form-item>
        </el-form> </el-card
    ></el-col>

    <el-col :sm="24" :md="12" :lg="12" :xl="12">
      <el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>功能测试</span>
          </div>
        </template>
        <el-form
          label-width="100px"
          :model="formLabelAlign"
          style="max-width: 460px"
        >
          <el-form-item label="Name">
            <el-input v-model="formLabelAlign.name" />
          </el-form-item>
          <el-form-item label="Activity zone">
            <el-input v-model="formLabelAlign.region" />
          </el-form-item>
          <el-form-item label="Activity form">
            <el-input v-model="formLabelAlign.type" />
          </el-form-item>
        </el-form> </el-card
    ></el-col>
  </el-row>
</template>

<style scoped></style>
